.page {
	width: 100%;
	height: 100vh;
	background-color: #f7f7f7;
	position: relative;
	.bg-icon {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.content {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		.user-data-box {
			width: 100%;
			padding: 50rpx 0 70rpx;
			box-sizing: border-box;
			.avater-box {
				width: 122rpx;
				height: 122rpx;
				border: 2rpx solid #ffffff;
				border-radius: 50%;
				margin-right: 30rpx;
			}
			.user-data {
				.user-name {
					font-weight: 600;
					font-size: 40rpx;
					color: #000000;
					margin-bottom: 12rpx;
				}
				.phone-admin {
					font-weight: 400;
					font-size: 28rpx;
					color: #787574;
					.border {
						width: 2rpx;
						height: 32rpx;
						background-color: #d7d7da;
						margin: 0 10rpx;
					}
				}
			}
		}
		.item-box {
			width: 100%;
			background: #ffffff;
			border-radius: 16rpx;
			overflow: hidden;
			margin-bottom: 20rpx;
			.item-box-item {
				width: 100%;
				height: 104rpx;
				padding: 0 30rpx;
				box-sizing: border-box;
				position: relative;
				&::after {
					content: '';
					width: 632rpx;
					height: 2rpx;
					background-color: #f3f5fa;
					position: absolute;
					bottom: 0;
				}
				&:last-child::after {
					background-color: #ffffff;
					height: 0;
				}
				.title-box {
					font-weight: 500;
					font-size: 28rpx;
					color: #333333;
					.iconfont {
						margin-right: 16rpx;
					}
				}
			}
		}
		.login-out {
			text-align: center;
			height: 88rpx;
			background: #ffffff;
			line-height: 88rpx;
			font-weight: 500;
			font-size: 28rpx;
			color: #333333;
		}
	}
}
